<template>
  <div class="edit-page-input">
    <div class="margin-bottom-15">
      <edit-button :on-click="editInfo" />
    </div>
    <div class="edit-page-context">
      <div class="photo-albums">
        <photo-albums />
      </div>
      <div class="edit-page-context-data margin-left-50">
        <el-form ref="elForm" label-width="85px" label-suffix="：">
          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="水库名称"> 水库名称 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="主坝建筑物级别" label-width="125px">
                主坝建筑物级别
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="水库规模" prop="field103">
                水库规模
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="坝高" label-width="125px">
                坝高
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="库容" prop="field105"> 库容 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="正常蓄水位" label-width="125px">
                正常蓄水位
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="坝型" prop="field107"> 坝型 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="监管属性" label-width="125px">
                监管属性
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="坝龄" prop="field109"> 坝龄 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="注册登记" label-width="125px">
                请输入注册登记
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="安全鉴定" prop="field111">
                安全鉴定
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="建成时间" label-width="125px">
                建成时间
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
    <div class="jian-jie margin-top-75">
      <div class="jian-jie-title">简介</div>
      <div class="jian-jie-desc margin-top-15">
        恩上水库坝址以上集雨面积29.0km²，多年平均径流量2755万m3，水库总库容3238.81万m²，正常蓄水位相应库容2481.5万m³，防洪车容为745.1万m²，展中型水库，死库容为104.00万m³，工程等别为Ⅲ等，主要永久性建筑物为3级，为多年调节水库。恩上目前主要任务为防洪、供水、调蓄。恩上水库主坝坝页高程33.86m，坝高21.67m，坝顶长486m，宽
        7m，恩上水库正常蓄水位29.59m，校核共水位（ P=0.05% ）为31.0m ，设计洪水位（P=1% ）为30.94m ，死水位为 18.5m。
      </div>
    </div>
    <index-input ref="input1" />
  </div>
</template>

<script>
import IndexInput from '@/views/reservoir/infoManger/components/IndexInput'

export default {
  name: 'IndexDetail',
  data() {
    return {
      siteInfo: {}
    }
  },
  components: {
    IndexInput
  },
  methods: {
    // 编辑
    editInfo() {
      this.showInput(this.siteInfo)
    },
    // 编辑水库
    showInput(record) {
      this.$refs.input1.open(record)
    }
  }
}
</script>

<style lang="scss" scoped>
@import '~@/assets/pages/index.scss';
</style>
